<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>相对时间</title>
    <link rel="stylesheet" href="./view/相对时间/styles.css">
</head>
<body>
<!-- 相对时间 Unnamed (Rectangle) -->
<div id="u9852" class="ax_default heading_1">
    <div id="u9852_div" class=""></div>
    <div id="u9852_text" class="text ">
        <p><span>Time 相对时间</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9853" class="ax_default heading_1">
    <div id="u9853_div" class=""></div>
    <div id="u9853_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9854" class="ax_default label">
    <div id="u9854_div" class=""></div>
    <div id="u9854_text" class="text ">
        <p><span>常用于表示几分钟前、几小时前等相对于此时此刻的时间描述。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9855" class="ax_default label">
    <div id="u9855_div" class=""></div>
    <div id="u9855_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9856" class="ax_default label">
    <div id="u9856_div" class=""></div>
    <div id="u9856_text" class="text ">
        <p><span>根据当前时间自动计算。</span></p>
    </div>
</div>

<!-- min (Dynamic Panel) -->
<div id="u9857" class="ax_default" data-label="min">
    <div id="u9857_state0" class="panel_state" data-label="State1" style="">
        <div id="u9857_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9858" class="ax_default label">
                <div id="u9858_div" class=""></div>
                <div id="u9858_text" class="text ">
                    <p><span>若干分钟前</span></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u9857_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
        <div id="u9857_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9859" class="ax_default label">
                <div id="u9859_div" class=""></div>
                <div id="u9859_text" class="text ">
                    <p><span>若干分钟前</span></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- min (Dynamic Panel) -->
<div id="u9860" class="ax_default" data-label="min">
    <div id="u9860_state0" class="panel_state" data-label="State1" style="">
        <div id="u9860_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9861" class="ax_default label">
                <div id="u9861_div" class=""></div>
                <div id="u9861_text" class="text ">
                    <p><span>若干秒前</span></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u9860_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
        <div id="u9860_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9862" class="ax_default label">
                <div id="u9862_div" class=""></div>
                <div id="u9862_text" class="text ">
                    <p><span>若干秒前</span></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- min (Dynamic Panel) -->
<div id="u9863" class="ax_default" data-label="min">
    <div id="u9863_state0" class="panel_state" data-label="State1" style="">
        <div id="u9863_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9864" class="ax_default label">
                <div id="u9864_div" class=""></div>
                <div id="u9864_text" class="text ">
                    <p><span>若干小时前</span></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u9863_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
        <div id="u9863_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9865" class="ax_default label">
                <div id="u9865_div" class=""></div>
                <div id="u9865_text" class="text ">
                    <p><span>若干小时前</span></p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
